当前位置:flash课件吧→教育→教育教学栏目

www.luotao2008.cn视频网校,仅需要一个耳机+QQ远程即可完成所有教学任务。

题 目:从零学习Flash课件制作(13)

第十三节 场景与跳转


一般来说,课件有两种结构。一种是线性结构,也就是那种沿着一条线从头放到尾、一点到底的课件,用powerpoint制作的一般都是这种课件。另一种是块状结构,即把课件按内容分成几个不同的模块,每个模块播放完后都回到一个共同的主界面,主界面上也设有跳转到这些模块的按钮。这两种结构的课件各有特点,一般比较简单、内容比较单一的课件可用线性结构,而内容比较多、比较复杂的课件可采用块状结构。场景的概念来自戏剧或电影,一台戏剧或一部电影就是由一个一个的场景组成的。在flash中,场景的概念大家也已经熟悉,新建一个flash文件,就有一个默认的“场景1”,只是我们以前所做的课件都是单场景课件,而如果课件比较复杂,一个场景就满足不了要求了。
1 课件框架的制作
在本例中,我们就来制作一个多场景的块状课件的框架,在这个课件中,主界面是一个场景,每一个模块也是一个场景。所谓框架,就是只制作好主界面和每个模块的背景,并能通过按钮在各个模块之间自由跳转,而不制作每个模块的具体内容。
制作步骤:
第一步,新建flash文件,命名为“三角形的面积”。
第二步,制作背景元件。新建影片元件,命名为“backdrop”,绘制一个宽550像素、高400像素的背景图。背景主色调为蓝色,分成三部分,最上面用于输入课题名和每个模块名,中间是课件内容,下面用于放置按钮。
第三步,制作按钮。新建按钮元件,命名为“review”,按我们前面讲的方法制作按钮,按钮上要有“复习”字样。制作完后打开库,在刚制作的按钮“review”上单击右键,在右键菜单中选择“直接复制”,打开“直接复制”面板,如图1-13-1,把默认的名称“review副本”改为“ratiocinate”,点“确定”后库中就多了一个按钮元件“ratiocinate”。因为这个元件是复制于“review”,所以内容和“review”是一样的,需要修改。把舞台切换到元件“ratiocinate”,把文本“复习”改为“推导”,按钮“ratiocinate”就制作完成了。用相同的方法再制作另三个元件,分别命名为“example”、“exercise”和“retu”,每个按钮中的文本分别是“例题”、“练习”和“返回”。
用复制的方法适于制作一组风格相似的按钮,其中有两个好处。一是简便。比如本例,只要修改相关文本就可以了,其它的都不需要重新制作。二是可以保持按钮风格的一致性,否则如果分别制作的话,有些细节可能会有不同。
第四步,设置主场景。把舞台切换到场景1,打开元件库,先把背景元件拖到舞台上排好,锁定图层1。再增加图层2,把5个按钮分别拖到舞台下方一字排开,设置好第一个和最后一个按钮,然后选中这五个按钮,按菜单“窗口→对齐”打开对齐面板,让面板右边的“相对于舞台”不处于选中状态,再分别单击底对齐按钮 和水平平均间隔按钮 ,五个按钮就排列整齐了,还可以用键盘方向键或鼠标整体移动它们,以调整它们在舞台上的整体位置。再分别单独选中这些按钮,在属性面板中输入它们的实例名,分别是“review_rtn”、“ratiocinate_rtn”、“example_rtn”、“exercise_rtn”、“retu_rtn”。最后在舞台最上面输入课件名。整个舞台设置如图1-13-2。
点击图片可新开窗口显示

图1-13- 1

点击图片可新开窗口显示

图1-13- 2

点击图片可新开窗口显示

图1-13- 3


第五步,新增场景。点击菜单“窗口→其他面板→场景”,打开场景面板。如图3,场景面板中只有“场景1”一个场景。双击这个场景名,输入新的场景名“0”。再连续单击面板右下方的增加场景按钮 ,增加4个场景,把它们分别重命名为“1”、“2”、“3”、“4”,这样,影片中就有5个场景了。如果我们不用编程语句来控制,那么这些场景在面板中的排列顺序就是它们的播放顺序,影片在播放时会按这个顺序依次播放这些场景。一般来说,在课件制作中,我们都会通过编程来控制它们的播放顺序,但我们要特别注意排在最前面的场景,因为影片一打开就会播放这个场景,在本例中我们需要把做为主界面的场景“0”排在最前面。场景的排列顺序可以通过拖动场景名的方法来调整。
第六步,设置跳转语句。把舞台切换到场景“0”,新增一个图层,选中第1帧,打开动作面板,输入下面的语句:
stop();
review_rtn.onRelease = function() {
gotoAndStop("1", 1);
};
上面的语句中第1行stop()是让影片停止在第1帧,第2至4行的功能是点击按钮“review_rtn”后让影片跳转并停止到场景“1”第1帧,引号中的1是场景名,后面的1是指第1帧。如果想让程序跳转后继续向前播放可将语句改为“gotoAndPlay("1", 1);”。
下面在动作面板中继续输入其它按钮的响应语句:
ratiocinate_rtn.onRelease = function() {
gotoAndStop("2", 1);
};
example_rtn.onRelease = function() {
gotoAndStop("3", 1);
};
exercise_rtn.onRelease = function() {
gotoAndStop("4", 1);
};
retu_rtn.onRelease = function() {
gotoAndStop("0", 1);
};
第七步,编辑其他各场景。其它场景和场景“0”基本一样,只需要复制就行了。把场景“0”时间轴上的三个图层都解除锁定状态,选中舞台上的所有对象进行复制,再将其原样粘贴到其他各场景图层1第1帧。然后在每个场景舞台右上角都用文本框输入本模块名称,如“复习”、“推导”等。最后在每个场景增加一个图层,把场景1第1帧输入的语句复制到这个图层第1帧动作面板中,课件就制作完成了。当然,我们前面说过 ,这还只是一个课件框架,具体的内容还没有输入。

 

 

 

 

FLASH课件制作培训班开班了!火热报名中!加我站管理QQ444860709解决任何疑问! 培训QQ专业群67042004。